<script setup lang="ts">

</script>

<template>
  <view class="flex flex-col items-center bg-white">
    <Spacer height="54" />
    <view class="text-24rpx text-#999999 font-medium leading-24rpx">
      发票总额（元）
    </view>
    <Spacer height="30" />
    <view class="text-50rpx text-#F53B25 font-bold leading-50rpx">
      13.94元
    </view>
    <Spacer height="100" />
  </view>
  <view class="p-24rpx text-28rpx text-#999999 font-medium leading-28rpx">
    发票总数
  </view>
  <view class="mb-30rpx bg-white px-24rpx py-40rpx">
    <view class="flex items-center justify-between text-28rpx font-medium leading-28rpx">
      <view class="text-#999999">
        发票内容
      </view>
      <view class="text-#333333">
        *运输服务*客运服务费
      </view>
    </view>
    <Spacer height="50" />
    <view class="flex items-center justify-between text-28rpx font-medium leading-28rpx">
      <view class="text-#999999">
        发票总额
      </view>
      <view class="text-#333333">
        <text class="text-#F53B25">
          13.94
        </text>
        元
      </view>
    </view>
    <Spacer height="50" />
    <view class="flex items-center justify-between text-28rpx font-medium leading-28rpx">
      <view class="text-#999999">
        开票方
      </view>
      <view class="text-#333333">
        通达电召
      </view>
    </view>
  </view>
</template>

<route lang="yaml">
name: 'invoiceDetail'
style:
  navigationBarTitleText: '发票详情'
</route>
